import { companyInfo, supportInfo } from "../data";
import FooterList from "./FooterList";
const Footer = () => {
    return(<footer className="footer"> 
    <div className="footer__container-1">
    <div className="footer__container">
        <div className="footer__info">
            <img src="src/images/gym-logo-footer.svg" alt="gym logo" className="footer__gym-logo" />
            <p className="footer__description">Welcome to [Your Gym Name], where fitness meets passion,
and every drop of sweat tells a story of dedication. Our gym isn&apos;t
just a place to work out; it&apos;s a community, a lifestyle, and
a commitment to your well-being.</p>
        </div>
        <div className="footer__company-list">
            <h2 className="footer__header">Company</h2>
            <FooterList info={companyInfo}/>
        </div>
        <div className="footer__support-list">
            <h2 className="footer__header">Support</h2>
        <FooterList info={supportInfo}/>
        </div>
        <div className="footer__social">
        <h2 className="footer__header">Social Media Link</h2>
        <ul className="footer__social-list">
            <li className="footer__item">
                <a href="#" className="footer__social-link">
                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12.59 10.125L13.0567 6.86742H10.1386V4.75348C10.1386 3.86227 10.5462 2.99355 11.8532 2.99355H13.1797V0.220078C13.1797 0.220078 11.9759 0 10.8249 0C8.42178 0 6.851 1.56023 6.851 4.38469V6.86742H4.17975V10.125H6.851V18H10.1386V10.125H12.59Z" fill="#F5F5F5" />
</svg>
                </a>
            </li>
            <li className="footer__item">
            <a href="#" className="footer__social-link">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M7.68406 3.80208C5.53876 3.80208 3.80835 5.53287 3.80835 7.67865C3.80835 9.82443 5.53876 11.5552 7.68406 11.5552C9.82936 11.5552 11.5598 9.82443 11.5598 7.67865C11.5598 5.53287 9.82936 3.80208 7.68406 3.80208ZM7.68406 10.1989C6.29771 10.1989 5.16434 9.06869 5.16434 7.67865C5.16434 6.28862 6.29434 5.15837 7.68406 5.15837C9.07379 5.15837 10.2038 6.28862 10.2038 7.67865C10.2038 9.06869 9.07041 10.1989 7.68406 10.1989ZM12.6223 3.6435C12.6223 4.14621 12.2175 4.5477 11.7183 4.5477C11.2157 4.5477 10.8143 4.14284 10.8143 3.6435C10.8143 3.14417 11.2191 2.73931 11.7183 2.73931C12.2175 2.73931 12.6223 3.14417 12.6223 3.6435ZM15.1892 4.5612C15.1319 3.34998 14.8553 2.27709 13.9682 1.39313C13.0844 0.509178 12.0118 0.23252 10.8008 0.171791C9.55277 0.10094 5.81198 0.10094 4.56393 0.171791C3.35635 0.229147 2.2837 0.505804 1.39657 1.38976C0.509441 2.27371 0.236218 3.3466 0.175502 4.55782C0.104667 5.80615 0.104667 9.54778 0.175502 10.7961C0.232845 12.0073 0.509441 13.0802 1.39657 13.9642C2.2837 14.8481 3.35298 15.1248 4.56393 15.1855C5.81198 15.2564 9.55277 15.2564 10.8008 15.1855C12.0118 15.1282 13.0844 14.8515 13.9682 13.9642C14.8519 13.0802 15.1285 12.0073 15.1892 10.7961C15.2601 9.54778 15.2601 5.80953 15.1892 4.5612ZM13.5769 12.1355C13.3138 12.7968 12.8045 13.3063 12.1399 13.5728C11.1449 13.9675 8.7837 13.8765 7.68406 13.8765C6.58443 13.8765 4.21987 13.9642 3.22817 13.5728C2.56704 13.3096 2.0577 12.8002 1.79123 12.1355C1.39657 11.1402 1.48764 8.77853 1.48764 7.67865C1.48764 6.57877 1.39994 4.21369 1.79123 3.22177C2.05433 2.56049 2.56367 2.05104 3.22817 1.7845C4.22324 1.38976 6.58443 1.48085 7.68406 1.48085C8.7837 1.48085 11.1483 1.39313 12.1399 1.7845C12.8011 2.04766 13.3104 2.55712 13.5769 3.22177C13.9716 4.21706 13.8805 6.57877 13.8805 7.67865C13.8805 8.77853 13.9716 11.1436 13.5769 12.1355Z" fill="#F5F5F5" />
</svg>
            </a>
            </li>
            <li className="footer__item">
            <a href="#" className="footer__social-link"><svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M13.6538 0.6875H16.1348L10.7145 6.8825L17.091 15.3125H12.0975L8.18701 10.1997L3.71251 15.3125H1.23L7.02751 8.68625L0.911255 0.6875H6.03001L9.56476 5.36075L13.6523 0.6875H13.6538ZM12.783 13.8275H14.1578L5.28376 2.0945H3.80851L12.783 13.8275Z" fill="#F5F5F5" />
</svg></a>
            </li>
            <li className="footer__item">
            <a href="#" className="footer__social-link"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M3.65047 15.7501H0.385156V5.2349H3.65047V15.7501ZM2.01605 3.80053C0.971914 3.80053 0.125 2.93568 0.125 1.89154C0.125 1.39 0.324236 0.909007 0.678877 0.554365C1.03352 0.199724 1.51452 0.000488281 2.01605 0.000488281C2.51759 0.000488281 2.99859 0.199724 3.35323 0.554365C3.70787 0.909007 3.90711 1.39 3.90711 1.89154C3.90711 2.93568 3.05984 3.80053 2.01605 3.80053ZM15.8715 15.7501H12.6132V10.6314C12.6132 9.41146 12.5886 7.84701 10.9155 7.84701C9.21781 7.84701 8.95766 9.1724 8.95766 10.5435V15.7501H5.69586V5.2349H8.82758V6.66928H8.87328C9.30922 5.8431 10.3741 4.97123 11.9628 4.97123C15.2675 4.97123 15.875 7.1474 15.875 9.97396V15.7501H15.8715Z" fill="#F5F5F5" />
</svg></a>
            </li>
            <li className="footer__item">
            <a href="" className="footer__social-link">
            <svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M17.1767 1.87759C16.9805 1.13853 16.4021 0.556469 15.6679 0.358937C14.3369 0 9.00002 0 9.00002 0C9.00002 0 3.66314 0 2.33218 0.358937C1.59789 0.5565 1.01958 1.13853 0.8233 1.87759C0.466675 3.21719 0.466675 6.01212 0.466675 6.01212C0.466675 6.01212 0.466675 8.80706 0.8233 10.1467C1.01958 10.8857 1.59789 11.4435 2.33218 11.6411C3.66314 12 9.00002 12 9.00002 12C9.00002 12 14.3369 12 15.6679 11.6411C16.4021 11.4435 16.9805 10.8857 17.1767 10.1467C17.5334 8.80706 17.5334 6.01212 17.5334 6.01212C17.5334 6.01212 17.5334 3.21719 17.1767 1.87759ZM7.25455 8.54972V3.47453L11.7151 6.01219L7.25455 8.54972Z" fill="#F5F5F5" />
</svg>
            </a>
            </li>
            
        </ul>
        </div>
    </div>
    </div>
      </footer>)
}

export default Footer;